<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Hello MUI</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<link rel="stylesheet" href="/css/mui.min.css">
	<link rel="stylesheet" href="/css/assets/setting.css">
	<link rel="stylesheet" href="/css/assets/settingConfig.css">
	<link rel="stylesheet" type="text/css" href="/css/feedback.css" />
	<link href="../css/mui.picker.css" rel="stylesheet" />
	<link href="../css/mui.poppicker.css" rel="stylesheet" />
</head>

<body class="mui-fullscreen">
	<!--页面主结构开始-->
	<div id="app" class="mui-views">
		<div class="mui-view">
			<div class="mui-navbar">
			</div>
			<div class="mui-pages">
			</div>
		</div>
	</div>
	<!--页面主结构结束-->
	<!--单页面开始-->
	<div id="setting" class="mui-page">
		<!--页面标题栏开始-->
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">个人主页</h1>
		</div>
		<!--页面标题栏结束-->
		<!--页面主内容区开始-->
		<div class="mui-page-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul id="first" class="mui-table-view mui-table-view-chevron">
						<!-- first -->
					</ul>
					<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell">
							<a href="#password" class="mui-navigate-right">修改密码</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="#shopping" class="mui-navigate-right">管理购物车</a>
						</li>
						<li class="mui-table-view-cell" id="addr">
							<a href="#address" class="mui-navigate-right">管理收货地址</a>
						</li>
					</ul>
					<ul class="mui-table-view">
						<li id="logout" class="mui-table-view-cell" style="text-align: center;">
							<a>退出登录</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--页面主内容区结束-->
	</div>
	<!--单页面结束-->

	<!--个人主页-->
	<div id="account" class="mui-page">
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">个人主页</h1>
		</div>
		<div class="mui-page-content">
			<div class="mui-scroll-wrapper">
				<div id="second" class="mui-scroll">
					<!-- second -->
				</div>
			</div>
		</div>
	</div>

	<!--修改密码-->
	<div id="password" class="mui-page">
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">修改密码</h1>
		</div>
		<div class="mui-page-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<div class="mui-content">
						<form class="mui-input-group">
							<div class="mui-input-row">
								<input id='oldPassword' type="password" class="mui-input-clear mui-input"
									placeholder="请输入旧密码">
							</div>
							<div class="mui-input-row">
								<input id='newPassword' type="password" class="mui-input-clear mui-input"
									placeholder="请输入新密码">
							</div>
							<div class="mui-input-row">
								<input id='newPassword_confirm' type="password" class="mui-input-clear mui-input"
									placeholder="请输入确认新密码">
							</div>
							<div class="mui-content-padded">
								<button id='updatePwd' class="mui-btn mui-btn-primary updatePwd">修改</button>
							</div>
						</form>

					</div>
				</div>
			</div>
		</div>
	</div>

	<!--管理购物车-->
	<div id="shopping" class="mui-page">
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">管理购物车</h1>
		</div>
		<div class="mui-page-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<div class="context">
						<div class="mui-input-row context2">
							<span class="title mui-pull-left">购物车列表</span>
							<span class="clear mui-icon mui-icon-trash mui-pull-right" id="clearCars">清空购物车</span>
						</div>

						<div class="mui-input-row context3">
							<ul class="mui-table-view" id="ul_his">
								<!-- //购物车列表 -->

							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--管理收货地址-->
	<div id="address" class="mui-page">
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">管理收货地址</h1>
		</div>
		<div class="mui-page-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view" id="addrs">
						<!-- 收货地址列表 -->

					</ul>
				</div>
			</div>
		</div>
	</div>

	<!--添加收货地址-->
	<div id="addAddress" class="mui-page">
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">添加收货地址</h1>
		</div>
		<div class="mui-page-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<!-- 收货地址信息列表 -->
						<form class="mui-input-group">
							<div class="mui-input-row">
								<input id='addrUser' type="text" class="mui-input-clear mui-input" placeholder="请输入收货人">
							</div>
							<div class="mui-input-row">
								<input id='eNumber' type="text" class="mui-input-clear mui-input" placeholder="请输入邮编">
							</div>
							<div class="mui-input-row">
								<input id='showCityPicker' type="text" class="mui-input-clear mui-input"
									placeholder="请选择收货地址">
							</div>
							<div class="mui-input-row">
								<input id='detail' type="text" class="mui-input-clear mui-input" placeholder="详细地址">
							</div>
						</form>
						<div class="mui-content-padded">
							<button id='addAddr' class="mui-btn mui-btn-primary updatePwd">添加</button>
						</div>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!--修改收货地址-->
	<div id="updateAddr" class="mui-page">
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">修改收货地址</h1>
		</div>
		<div class="mui-page-content">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<!-- 收货地址信息列表 -->
						<form class="mui-input-group" id="add_from">

						</form>
						<div class="mui-content-padded">
							<button id='updateHandler' class="mui-btn mui-btn-primary updatePwd">修改</button>
						</div>
					</ul>
				</div>
			</div>
		</div>
	</div>

</body>
<script src="/js/zepto.min.js"></script>
<script src="/js/mui.min.js "></script>
<script src="/js/mui.view.js "></script>
<script src='/js/feedback.js'></script>
<script src="/mobile/js/localLogin.js"></script>
<script src='/mobile/js/settingConfig.js'></script>
<script src='/mobile/js/setting.js'></script>
<script src="/js/mui.picker.js"></script>
<script src='/mobile/js/addressConfig.js'></script>
<script src="/js/mui.poppicker.js"></script>
<script src="/js/city.data.js"></script>

</html>